<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/form_validation.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/user.js"></script>
<div id="login-container">
    <div class="blank" style="height: 50px;"></div>
    <div id="logo-container">
        <img src="<?php echo base_url(); ?>images/logo.png" alt="Jourvl" title="Jourvl"/>
    </div>
    <div class="blank" style="height: 40px;"></div>
    <div id="form-container">
        <div id="login-form">
            <div id="login-title">
                <p>
                    please enter your username and password to sign in or <a href="#" id="change_to_register" class="bold">signup</a> to join jourvl
                </p>
            </div>
            <div class="blank" style="height: 15px;"></div>
            <?php echo form_open("user/process_login") ?>
            <div class="input-wrap">
                <input class="login-input" id="email" type="text" name="email" oninput="input_change(this)" value="" autocomplete="off"/>
                <span class="login-input-holder">email</span>
            </div>
            <div class="input-wrap">
                <input class="login-input" id="password" type="password" name="password" oninput="input_change(this)"/>
                <span class="login-input-holder">password</span>
            </div>
            <?php if(!empty($status)):?>
            <div class="status-wrap">
                <?php echo $status; ?>
            </div>
            <?php endif;?>
            <div class="submit-wrap">
                <a class="forget-pass" href="<?php echo base_url(); ?>#">forgot your password?</a>
                <input class="submit-button" type="image" src="<?php echo base_url(); ?>images/login-button.png" />
            </div>
            <?php echo form_close() ?>
        </div>
        <div id="register-form">
            <div id="register-title">
                <p>fill the information required to start sharing on jourvl!</p>
            </div>
            <div class="blank" style="height: 15px;"></div>
            <?php
            $attribute = array('onsubmit' => "return validateform('result-email','result-name','result-pass','result-confirmpass','" . base_url() . "');",
                'name' => 'form_register');
            echo form_open("user/process_register", $attribute);
            ?>
            <div class="input-wrap">
                <input class="register-input" id="name" type="text" name="name" oninput="input_change(this)" value="" autocomplete="off"/>
                <span class="register-input-holder">full name</span>
            </div>
            <div class="input-wrap">
                <input class="register-input" id="email" type="text" name="email" oninput="input_change(this)" value="" autocomplete="off"/>
                <span class="register-input-holder">email</span>
            </div>
            <div class="input-wrap">
                <input class="register-input" id="password" type="password" name="password" oninput="input_change(this)"/>
                <span class="register-input-holder">password</span>
            </div>
            <div class="input-wrap">
                <input class="register-input" id="conf_password" type="password" name="conf_password" oninput="input_change(this)"/>
                <span class="register-input-holder">confirm password</span>
            </div>
            <div class="submit-wrap">
                <a class="forget-pass" id="change_to_login" href="<?php echo base_url(); ?>#">sign in</a>
                <input class="submit-button" type="image" src="<?php echo base_url(); ?>images/register-button.png" />
            </div>
            <?php echo form_close() ?>
        </div>
    </div>
</div>
<div id="featured-container">
    <ul id="featured-caraousel" class="jcarousel-list-horizontal">
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building.jpg"/>
            <div class="home-feature-title">
                <a href="#">
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building2.jpg"/>
            <div class="home-feature-title">
                <a href="#">                     
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building3.jpg"/>
            <div class="home-feature-title">
                <a href="#">                     
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building4.jpg"/>
            <div class="home-feature-title">
                <a href="#">
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building5.jpg"/>
            <div class="home-feature-title">
                <a href="#">  
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building6.jpg"/>
            <div class="home-feature-title">
                <a href="#">
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building7.jpg"/>
            <div class="home-feature-title">
                <a href="#"> 
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building8.jpg"/>
            <div class="home-feature-title">
                <a href="#">
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building9.jpg"/>
            <div class="home-feature-title">
                <a href="#">          
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
        <li>
            <img class="home-featured-image" src="<?php echo base_url(); ?>images/building10.jpg"/>
            <div class="home-feature-title">
                <a href="#">                     
                    <span>Yo Mamen Lorem Ipsum Coy Ketika Negara Api Menyerang</span>                 
                </a>
            </div>
        </li>
    </ul>
</div>